<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>鹿程智慧油站商户平台</title>
    <meta name="description" content="鹿程科技是提供加油站互联网化零管系统、营销及支付和大数据分析运营服务的行业领先科技公司。鹿程科技充分了解加油站行业的需求和新兴互联网的发展,依靠业内最先进的科技和标准化的运营,持续帮助油站业务发展创造价值。"
    />
    <meta name="keywords" content="智慧油站,鹿程,鹿程智慧油站,鹿程智慧油站微信支付,加油站微信支付,加油站营销管理" />
    <link rel="icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
    <link rel="shortcut icon" href="https://static.zhihuiyouzhan.com.cn/static/styles/admin/img/title.ico" type="image/x-icon">
    <link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="../css/style.css" />
</head>

<body>
    <style>
    </style>
    <section>
        <!--deer-tit-->
        <div class="deer-tit">
            <h3>权限管理</h3>
            <h5><a href="权限管理.html">权限管理</a></h5>
            <h4>查看权限</h4>
        </div>
        <!--/deer-tit-->
        <!--deer-content-->
        <div class="deer-content layui-form" id="app">
            <div class="power-see">
                <!--  -->
                <div class="power-see-list" v-for="(item,index) in powerList">
                    <h3 v-show="item.ischecked">
                        <i class="fa fa-paper-plane"></i>
                        {{item.title}}</h3>
                    <ul>
                        <li v-for="(items,indexs) in item.listdata">
                            <dl v-show="items.ischecked">
                                <i class="fa fa-location-arrow"></i>
                                {{items.title}}</dl>
                            <p v-for="(itemss,indexss) in items.listdata" v-show="itemss.ischecked">
                                <i class="fa fa-angle-double-right"></i>
                                {{itemss.title}}</p>
                        </li>
                    </ul>
                </div>
                <!--  -->
            </div>
        </div>
    </section>
    <!--js-->
    <aside>

        <script type="text/javascript" src="../js/jquery.min.js"></script>
        <script type="text/javascript" src="../js/vue.js"></script>
        <script type="text/javascript">

            new Vue({
                el: '#app',
                data: {
                    powerList: [],
                },
                mounted() {
                    this.$nextTick(function () {
                        this.getPowerList()
                    })
                },
                methods: {
                    //获取初始化数据
                    getPowerList() {
                        $.get("../js/power.json", (res) => {
                            this.powerList = res.data
                        })
                    },

                }
            })
        </script>
    </aside>
    <!--/js-->
</body>

</html>